           <div id="contents" class="yui3-skin-sam">
            	
            	<input type="text" class="typeahead" placeholder="bootstrap">
            	<input type="text" class="autocomplete" placeholder="jQueryUI" />
            	<input type="text" id="ac-input" placeholder="Yahoo UI" />
            </div>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script type="text/javascript" src="<?=$rootUrl?>/static/js/bootstrap.js"></script>
    <script src="http://yui.yahooapis.com/3.8.0/build/yui/yui-min.js"></script>
	<script type="text/javascript">
		$(function(){
			$(".typeahead").typeahead({
				source: function(query, update){
					$.getJSON("<?=$rootUrl?>/../A/Cities", {q : query}, function(data){
						update(data);
					});
				}
			});
			$(".autocomplete").autocomplete({source: "<?=$rootUrl?>/../A/Cities"});
		});
		YUI().use('autocomplete', function (Y) {
			Y.one('#ac-input').plug(Y.Plugin.AutoComplete, {
			  source: '<?=$rootUrl?>/../A/Cities?q={query}'
			});
		});
   </script>    

